<!doctype html>
<html lang="en">

<head>
    <title>
        Domino
    </title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="static/css/all.min.css">
    <link href="static/css/css2.css" rel="stylesheet">
    <link href="static/css/aos.css" rel="stylesheet">
    <link href="static/css/mcss.css" rel="stylesheet">
    <link href="static/css/min-scss.css" rel="stylesheet">
    <link href="static/css/med-scss.css" rel="stylesheet">
    <link href="static/css/lag-scss.css" rel="stylesheet">
    <link rel="stylesheet" href="static/css/bootstrap.min.css">
    <link rel="stylesheet" href="static/css/bootstrap-theme.min.css">
    <link rel="icon" type="image/png" href="./static/web/mlogo.png">
    <script src='static/js/jquery-1.11.3.min.js'></script>
    <script data-cfasync="false" src="static/js/email-decode.min.js"></script>
    <script src="static/js/bootstrap.min.js"></script>
    <script src="static/js/aos.js"></script>
    <script src="static/js/app.4926c6d1.js"></script>
    <script src="static/js/swiper-bundle.min.js"></script>
    <link rel="stylesheet" href="static/css/swiper-bundle.min.css">


</head>

<body class="fixed_header">
    <noscript>
        <iframe src="javascript:;" height="0" width="0" style="display:none;visibility:hidden;"></iframe>
    </noscript>
    <div style="background-image: url('./static/web/jx4.png');background-size: 100%;" alt="" class="po1"></div>
    <div style="background-image: url('./static/web/jx2.png');background-size: 100%;" alt="" class="po2"></div>
    <div style="background-image: url('./static/web/jx3.png');background-size: 100%;" alt="" class="po3"></div>
    <div style="background-image: url('./static/web/jx1.png');background-size: 100%;" alt="" class="po4"></div>
    <div style="background-image: url('./static/web/jx2.png');background-size: 100%;" alt="" class="po5"></div>
    <div style="background-image: url('./static/web/jx2.png');background-size: 100%;" alt="" class="po6"></div>
    <div style="background-image: url('./static/web/jx3.png');background-size: 100%;" alt="" class="po7"></div>
    <div id="header"></div>
    <script>
        $(function () {
            $('#header').load('header.html');
        })
        var zoom = window.devicePixelRatio || window.screen.deviceXDPI / window.screen.logicalXDPI;;
        console.log(zoom);
        // if (!!window.ActiveXObject || "ActiveXObject" in window) { 
        //     if (zoom != 1 && zoom !=2 && zoom !=3) {  
        //         AOS.init({disable: true});
        //         alert('系统检测到您的设备对显示进行放大，可能导致页面显示不全,请调整后打开/或使用其他浏览器！')
        //     }
        // } else {
        //     if($(window).width()>=1280){
        //     if (zoom != 1 && zoom !=2 && zoom !=3) {  
        //         AOS.init({disable: true});
        //         var c = document.querySelector('body');
        //         c.style.zoom = -0.62 * zoom + 1.65;  
        //     }
        //     }
        // }
    </script>
    <img style="background-image: url('./static/web/e4.png');background-size: 100%;" class="ee1" alt="" width="100%"
        style="position: absolute;top: 0px;">
    <section id="session">
        <div class="" data-aos="fade-up" data-aos-duration="500" data-aos-once="false">
            <div class="title">
                Ensure the Security of the Classified Data Ledger and Earn DMI
            </div>
            <div class="session-1" data-aos="fade-up" data-aos-duration="1500" data-aos-once="false">
                To implement the decentralization of the Domino network, by providing computing resources to verify
                transactions or storing the redundant data ledgers.
            </div>
        </div>
    </section>

    <section id="section-three-features" class="section-three-features" data-aos="fade-up" data-aos-duration="1000"
        data-aos-once="false">
        <div class="container-fluid">
            <div class="card-deck row">
                <div class="col-4 col-md-4" id="preserve-buying-animations">
                    <div data-aos="fade-left" data-aos-duration="500" data-aos-once="false">
                        <div class="e_card dcard">
                            <div style="background-image: url('static/web/e1.png');background-size: 100%;"></div>
                            <div class="top_title">
                                Mortgage & Verification
                            </div>
                            <div class="">
                                Via p

                                rocessing and verifying transactions, to mortgage tokens and earn rewards. Manage
                                delegated tokens on behalf of others to earn commissions.
                            </div>
                            <button>To Verify</button>
                        </div>


                    </div>
                </div>
                <div class="col-4 col-md-4" id="preserve-buying-animations">
                    <div data-aos="fade-left" data-aos-duration="1000" data-aos-once="false">
                        <div class="e_card dcard">
                            <div style="background-image: url('static/web/e2.png');background-size: 100%;"></div>
                            <div class="top_title">
                                Testnet Competition
                            </div>
                            <div class="">
                                Earn tokens by running a node to help test new features and benchmark network
                                performance.
                            </div>
                            <button>To Test</button>
                        </div>


                    </div>
                </div>
                <div class="col-4 col-md-4" id="preserve-buying-animations">
                    <div data-aos="fade-left" data-aos-duration="1500" data-aos-once="false">
                        <div class="e_card dcard">
                            <div style="background-image: url('static/web/e3.png');background-size: 100%;"></div>
                            <div class="top_title">
                                Domino Bounty Web Platform
                            </div>
                            <div class="">
                                Obtain DMI rewards by completing Domino ecological construction tasks
                            </div>
                            <button>Enter</button>
                        </div>


                    </div>
                </div>
            </div>


        </div>
    </section>
    <section id="session2" data-aos="fade-up" data-aos-duration="500" data-aos-once="false">
        <div>
            <img style="background-image: url('./static/web/Ecological applicati.png');background-size: 100%;"
                width="100%" alt="">
            <div class="ss2">
                If there is no validator node, the Domino data cluster will no longer exist. Please help us maintain the
                integrity of the data ledger and gain DMI rewards.
            </div>
        </div>

        <div class="bb3">
            <div style="background-image: url('static/web/e5.png');background-size: 100%;" width="100%" height="100%"></div>
            <div class="bb31" data-aos="fade-left" data-aos-duration="1500" data-aos-once="false">
                <div class="bb_ti">Foundation 5.7%</div>
                <div class="bb_con">After the mainnet is launched, the release will be carried out in batches of 5
                    years.</div>
            </div>
            <div class="bb32" data-aos="fade-right" data-aos-duration="1500" data-aos-once="false">
                <div class="bb_ti">Laboratory 9.3%</div>
                <div class="bb_con">After the mainnet is launched, the release will be carried out in batches of 5
                    years.</div>
            </div>
            <div class="bb33" data-aos="fade-left" data-aos-duration="1500" data-aos-once="false">
                <div class="bb_ti">Sales 4%</div>
                <div class="bb_con">For institutional, capital investment and public sales</div>
            </div>
            <div class="bb34" data-aos="fade-right" data-aos-duration="1500" data-aos-once="false">
                <div class="bb_ti">Mining 81%</div>
                <div class="bb_con">Supply and demand sides of data storage or transaction, i.e. DMI data miners, are
                    provided to maintain network-wide node verification data information</div>
            </div>
        </div>

    </section>

    <section id="section-three-features" class="section-three-features" data-aos="fade-up" data-aos-duration="1000"
        data-aos-once="false" style="margin-top: 100px;">
        <div class="container-fluid">
            <div class="card-deck row">
                <div class="col-lg-6 col-md-6 col-xs-12 card_ppp" id="preserve-buying-animations">
                    <div data-aos="fade-up" data-aos-duration="500" data-aos-once="false">

                        <div class="d_card eec">
                            <div style="display:flex">
                                <img style="background-image: url('static/web/e10.png');background-size: 100%;"
                                    class="image1">
                                <div class="margin-l-20">
                                    <div class="eeitem eecv">
                                        <img class="top_title eeci"
                                            style="background-image: url('static/web/biao.png');background-size: 100%;">
                                        <div class="top_title eecd">Rewards based on protocol algorithm </div>
                                    </div>
                                    <div class="eecon">
                                        DMI will be mined and obtained through the algorithm mechanism of time and space
                                        proof
                                    </div>
                                </div>
                            </div>

                        </div>

                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-xs-12 card_ppp" id="value-stability-animations">
                    <div data-aos="fade-up" data-aos-duration="1000" data-aos-once="false">

                        <div class="d_card eec">
                            <div style="display:flex">
                                <img style="background-image: url('static/web/e9.png');background-size: 100%;"
                                    class="image1">
                                <div class="margin-l-20">
                                    <div class="eecv eeitem">
                                        <img class="top_title eeci"
                                            style="background-image: url('static/web/biao.png');background-size: 100%;">
                                        <div class="top_title eecd">Transaction Fees </div>
                                    </div>
                                    <div class="eecon">
                                        Any data transaction generated in the entire Domino network will consume DMI GAS
                                    </div>
                                </div>
                            </div>

                        </div>

                    </div>
                </div>
            </div>

            <div class="card-deck row card_ppp" style="margin-top: 100px;">
                <div class="col-lg-12 col-md-12 col-xs-12" id="preserve-buying-animations">
                    <div data-aos="fade-up" data-aos-duration="500" data-aos-once="false">

                        <div class="d_card eec" style="justify-content: center;align-items: center; display:flex">
                            <div style="display:flex">
                                <img style="background-image: url('static/web/e8.png');background-size: 100%;"
                                    class="card_pppi">
                                <div class="asdf">

                                    <div style="display:flex;align-items: center;text-align: left;" class="eeitem ">
                                        <img class="eeci"
                                            style="background-image: url('static/web/biao.png');background-size: 100%;">
                                        <div class="top_title eecd">Node mortgage </div>
                                    </div>
                                    <div class="eecon">
                                        Data verification nodes can gain more DMI rewards through pledge verification
                                    </div>
                                </div>
                            </div>

                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="session2 margin-t-2w" data-aos="fade-up" data-aos-duration="1000" data-aos-once="false">
        <div>
            <div style="background-image: url('./static/web/e7.png');background-size: 100%;" width="100%" alt=""></div>
        </div>

        <div class="flex-center section-form margin-t-2w">

            <div class="eee margin-r-1w">
                <div class="eee1">
                    Get More Information
                </div>
                <div style="display: flex;" class="eee2">
                    <input type="text" placeholder="Fill in the mailbox"> <button id="b1">Submit<span></span></button>
                </div>
            </div>

            <img class="bb85" style="background-image: url('./static/web/e6.png');background-size: 100%;" alt=""
                class="">

        </div>

    </section>
    <script type="text/javascript">
        $("#b1").click(function () {

            var v1 = $(".eee input").eq(0).val()


            if (v1 == '' || v1 !== '' && !/.+@.+\.[a-zA-Z]{2,4}$/.test(v1)) {
                alert("Please enter the correct email format!");
                return
            }

            var templateParams = {
                title: "Doubter",
                p1: v1,
                p2: "",
                p3: "",
            };
            //语法 emailjs.send(serviceID, templateID, templateParams, userID);  
            emailjs.send('service_jn4t37i', 'template_op4h1oi', templateParams, "user_EAY5y0YS5gYGkDorb5MR5")
                .then(function (response) {
                    alert("success!");
                    $(".eee input").eq(0).val("")


                }, function (error) {
                    alert("fail!");
                });

        })
    </script>


    <div id="footer"></div>
    <script>
        $(function () {
            $('#footer').load('footer.html');
        })
    </script>
    <script data-cfasync="false" src="static/js/email-decode.min.js"></script>
    <script src="static/js/bootstrap.min.js"></script>

    <script src="static/js/jquery-1.11.3.min.js"></script>
    <script src="static/js/aos.js"
        integrity="sha512-A7AYk1fGKX6S2SsHywmPkrnzTZHrgiVT7GcQkLGDe2ev0aWb8zejytzS8wjo7PGEXKqJOrjQ4oORtnimIRZBtw=="
        crossorigin="anonymous"></script>
    <script src="static/js/app.4926c6d1.js"></script>
</body>

</html>